<template>
  <div>
    <span class="dynamic-title2">
      教育视频
      <SvgIcon icon-class="party-video" />
    </span>
    <el-carousel indicator-position="outside">
      <el-carousel-item>
        <div class="video-container">
          <el-tooltip class="item" effect="dark" content="视频说明1" placement="right">
            <video
              src="../../../assets/video/1.mp4"
              controls="controls"
              class="video_education"
              poster="../../../assets/jpg/statistics/video-poster_1.jpg"
              preload="false"
            >浏览器暂不支持改视频格式</video>
          </el-tooltip>
        </div>
      </el-carousel-item>
      <el-carousel-item>
        <div class="video-container">
          <el-tooltip class="item" effect="dark" content="视频说明2" placement="right">
            <video
              src="../../../assets/video/2.mp4"
              controls="controls"
              class="video_education"
              preload="false"
            >浏览器暂不支持改视频格式</video>
          </el-tooltip>
        </div>
      </el-carousel-item>
      <el-carousel-item>
        <div class="video-container">
          <el-tooltip class="item" effect="dark" content="视频说明3" placement="right">
            <video
              src="../../../assets/video/3.mp4"
              controls="controls"
              class="video_education"
              preload="false"
            >浏览器暂不支持改视频格式</video>
          </el-tooltip>
        </div>
      </el-carousel-item>
      <el-carousel-item>
        <div class="video-container">
          <el-tooltip class="item" effect="dark" content="视频说明4" placement="right">
            <video
              src="../../../assets/video/4.mp4"
              controls="controls"
              class="video_education"
              preload="false"
            >浏览器暂不支持改视频格式</video>
          </el-tooltip>
        </div>
      </el-carousel-item>
      <el-carousel-item>
        <div class="video-container">
          <el-tooltip class="item" effect="dark" content="视频说明5" placement="right">
            <video
              src="../../../assets/video/5.mp4"
              controls="controls"
              class="video_education"
              preload="false"
            >浏览器暂不支持改视频格式</video>
          </el-tooltip>
        </div>
      </el-carousel-item>
    </el-carousel>
  </div>
</template>
<script>
export default {
  name: 'Video',
  props: {},
  data: () => ({})
}
</script>
<style lang="scss" scoped>
@import './style';
.video_education {
  min-height: 80%;
  width: auto;
}
</style>
